import router from '@/router'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'
import { getToken, setting, refreshAccessToken } from '@/utils'

// 禁用进度环
NProgress.configure({ showSpinner: false })

// 全局前置守卫 访问某个路由之前守卫
// - to: 将要访问哪个路由
// - from: 从那个路由来
// - next: 路由放行函数
router.beforeEach((to, from, next) => {

  NProgress.start()
  let tokenItem = getToken()
  if (tokenItem) {
    // 登录成功后不再能访问登录页指向首页
    // 如果访问其它则放行  `else { next() }` 注意此处要有 `else` 避免 `next()` 被执行两次
    if (to.path == '/login') {
      next({ path: '/' })
    } else {
      next()
      refreshAccessToken()
      
      // 如果还要其它限制条件则继续进行处理
      // 根据是否有用户名来判断是否有用户信息
      // if (username) {
      //   next()
      // } else {
      //   try {
      //     await userStore.netUserInfo()
      //     // 刷新的时候是异步路由,有可能获取到用户信息、异步路由还没有加载完毕
      //     next({...to})
      //   } catch (error) {
      //     // token 过期或者其它错误
      //     // 出错后退出登录 清除信息 回到登录页面
      //     await userStore.clear()
      //     next({ path: '/login', query: { redirect: to.path } })
      //   }
      // }
    }
  } else {
    // 如果没登录 
    // 是否在白名单
    if (setting.whiteList.indexOf(to.path) !== -1) {
      next()
    } else {
      // 检查是否在登录页 是放行
      // 不是则定位到登录页 并携带要去位置的作为参数 以便登录后前往
      if (to.path == '/login') {
        next()
      } else {
        // next(`/login?redirect=${to.path}`)
        next({ path: '/login', query: { redirect: to.path } })
      }
    }
  }

  document.title = '' + to.meta.title
})

// 全局后置守卫
router.afterEach((to, from) => {
  NProgress.done()
})
